<!DOCTYPE html>
 	 	<html lang="en">
 	 	<head>
 	 	    <meta charset="UTF-8">
 	 	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 	 	    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 	 	    <link rel="stylesheet" href="basic.css">
 	 	    <link rel="stylesheet" href="style.css">
 	 	    <title>PC端网页布局</title>
 	 	</head>
 	 	<body>
 	 	    <header id="header">
 	 	        <div class="center">
 	 	            <h1 class="logo">桂林旅行社</h1>
 	 	            <nav class="link">
 	 	                <h1 class="none">网站导航</h1>
 	 	                <ul>
 	 	                    <li class="active"><a href="index.html">首页</li></a>
 	 	                    <li><a href="information.html">旅游资讯</li></a>
 	                        <li><a href="book.html">机票订购</li></a>
 	 	                    <li><a href="sence.html">风景欣赏</li></a>
 	 	                    <li><a href="about.html">公司简介</li></a>
 	 	                </ul>
 	 	            </nav>
 	 	        </div>
 	 	        
 	 	    </header>
 	 	
 	 	    <div id="search">
 	 	        <div class="center"></div>
 	 	        <input type="text" class="search" placeholder="请输入景点或城市"></input>
 	 	        <button class="button">搜索</button>
 	 	    </div>
 	 	    <div id="tour">
 	 	        <section class="center">
 	 	            <h2>热门旅游</h2>
 	 	            <p>国内旅游、国外旅游各种旅游。。。</p>
 	 	        </section>
 	 	        <figure>
                    <img src="./image/t1.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t2.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t3.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t4.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t5.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t6.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t7.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/t9.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
                </figure>
                <figure>
                    <img src="./image/tour9.jpg" alt=""><figcaption><strong class="title">&lt;云南-西双版纳7日游</strong>报团优惠，超多景点，五人抱团赠送500元优惠券</figcaption>
                    <div class="info">
                        <em class="sat">满意度80%</em>
                        <span class="price">￥<strong>1888元</strong>起</span>
                    </div>
                    <div class="type">国内长线</div>
 	 	        </figure>
 	 	    </div>
 	 	
 	 	    <footer id="footer">
 	 	        <div class="top">
 	 	            <div class="block left">
 	 	                <h2>合作伙伴</h2>
 	 	                <hr>
 	 	                <ul>
 	 	                    <li>途牛旅游网</li>
 	 	                    <li>驴妈妈旅游网</li>
 	 	                    <li>携程旅游</li>
 	 	                    <li>中国青年旅行社</li>
 	 	                </ul>
 	 	            </div>
 	 	            <div class="block center">
 	 	                <h2>旅游FAQ</h2>
 	 	                <hr>
 	 	                <ul>
 	 	                    <li>旅游合同签订有哪些？</li>
 	 	                    <li>儿童票有半价优惠吗？</li>
 	 	                </ul>
 	 	            </div>
 	 	            <div class="block right">
 	 	                <h2>联系方式</h2>
 	 	                <hr>
 	 	                <ul>
 	 	                    <li>微博: weibo.com/zzz</li>
 	 	                    <li>邮件: ni2@163.com</li>
 	 	                    <li>地址: 广西桂林</li>
 	 	                </ul>
 	 	            </div>
 	 	        </div>
 	 	        <div class="bottom">Copyright © 桂林旅行社|桂ICP备19011111号|旅行社许可证:xxxxxxx</div>
 	 	    </footer>
 	 	</body>
 	 	</html>